import React from 'react';
import { NavLink } from 'react-router-dom';
import { Layout, Menu } from 'antd';
import '../GoodsManage/GoodsManage.css';
import { inject, observer } from 'mobx-react';
const { Header, Content } = Layout;
@inject('classMobx')
@observer
class ClassManage extends React.Component {
  render() {
    return (
      <>
        <Layout>
          <Header style={{ height: 'auto' }}>
            <h1 className="title">分类管理</h1>
            <Menu mode="horizontal" defaultSelectedKeys="1" style={{ background: 'transparent' }}>
              <Menu.Item key="1">
                <NavLink to="/ClassManage/GoodsIndex">分类管理</NavLink>
              </Menu.Item>
            </Menu>
          </Header>
          <Content>{this.props.children}</Content>
        </Layout>
      </>
    );
  }
}
export default ClassManage;
